Описание:
Модуль "Карусель картинок" для ShopCMS (горизонтальная) позволяет создавать динамический ряд картинок, которые автоматически движутся при передвижении над ними указателя мыши. Карусель работает на JavaScript (JQuery), без использования Flash, поэтому индексируется поисковиками. Можно задать ссылки для картинок карусели на основные разделы сайта - тогда карусель будет каталогом разделов. Управляется карусель в админпанели ShopCMS: в управлении модулем можно загружать/удалять картинки, изменять порядок, назначать изображениям ссылки, также атрибуты title и alt - на случай, если отображение рисунков у посетителя сайта будет отключено. Отображение модуля карусели настраивается через стандартный модуль управления блоками сайта - карусель является одним из блоков.
Установка:
1. В админ-панели: Настройки=>Общие настройки.
- Поставить галочку "Принудительная очистка кэша"
Сохранить настройки
2. Загрузить файлы (добавить):
core/tpl/admin/carousel.tpl.html
core/tpl/user/текущий_шаблон_сайта/blocks/carousel_block.tpl.html
data/текущий_шаблон_сайта/images/jquery.min.js
data/текущий_шаблон_сайта/images/carousel.js
data/текущий_шаблон_сайта/images/carousel.css
data/carousel.dat
core/includes/admin/sub/modules_carousel.php
3. Создать папку
data/images/carousel
4. Задать все права на запись (777 для папок, 666 для файлов):
data/images/carousel
data/carousel.dat
5. Отредактировать файл core/includes/admin/modules.php
Найти строку:
array("id"=>"yandex", "name"=>"Яндекс.Маркет" )Добавить перед ней строку:
array("id"=>"carousel", "name"=>"Карусель"),4. Отредактировать файл core/tpl/admin/menu.tpl.html
Найти строку:
<table class="adn topj"><tr><td><img src="data/admin/drs.gif" alt=""></td><td width="100%"><a href="{$smarty.const.ADMIN_FILE}?dpt=custord&sub=affilia te">{$smarty.const.STRING_AFFILIATE_PROGRAM}</a></td></tr></table>Добавить после нее строку:
<table class="adn topj"><tr><td><img src="data/admin/drs.gif" alt=""></td><td width="100%"><a href="{$smarty.const.ADMIN_FILE}?dpt=modules&sub=carousel">Карусель</a></td></tr></table>5. В админ-панели: Модули=>Карусель.
Загрузить через форму изображения, задать им ссылки и подписи.
6. В админ-панели: Настройки=>Управление блоками=>Добавить блок из файла.
-Выбрать файл carousel_block.tpl.html
-Настроить отображение блока
-Нажать "Сохранить"
7. Зайти на страницу сайта и проверить, правильно ли отображается блок карусели.
8. В админ-панели: Настройки=>Общие настройки.
- Снять галочку "Принудительная очистка кэша"
Сохранить настройки
9. Для изменения ширины блока вывода карусели нужно отредактировать файл
data/текущий_шаблон_сайта/images/carousel.js
Найти строку "div.width(scrWidth - " (без кавычек), далее идет число, увеличивая
которое, ширина блока вывода будет уменьшаться. Чтобы увидеть изменения, нужно обновить страницу в браузере кнопкой F5